import { Space, Pagination, Card, Row, Col } from 'antd';
import styles from './index.less';
import Ruler from '../../ReportTemplate/balanceSheet';
console.log(Ruler);
export default props => {
  return (
    <div className={styles.balanceSheet} direction="vertical">
      <Row gutter={16}>
        <Col className={styles.reporthead} span={24}>
          资产负债表
        </Col>
      </Row>
      <Row gutter={16}>
        <Col className={styles.reportcol} span={8}>
          编制单位：
        </Col>
        <Col className={styles.reportcol} span={8}>
          2019年09月
        </Col>
        <Col className={styles.reportcol} span={8}>
          单位：元
        </Col>
      </Row>
      <Row gutter={16}>
        <Col className={styles.reportcol} span={4}>
          资产
        </Col>
        <Col className={styles.reportcol} span={4}>
          年初余额
        </Col>
        <Col className={styles.reportcol} span={4}>
          期末余额
        </Col>
        <Col className={styles.reportcol} span={4}>
          负债和净资产
        </Col>
        <Col className={styles.reportcol} span={4}>
          年初余额
        </Col>
        <Col className={styles.reportcol} span={4}>
          期末余额
        </Col>
      </Row>
      {Ruler.ruler.map((value, index) => {
        console.log(value);
        return (
          <Row gutter={16}>
            {value.map((citem, cindex) => {
              return (
                <Col
                  className={styles.reportcol}
                  style={
                    Ruler.ruler.length - 1 == index
                      ? { borderBottom: '#f4f4f4 1px solid' }
                      : {}
                  }
                  span={4}
                >
                  {citem.value}
                </Col>
              );
            })}
          </Row>
        );
      })}
    </div>
  );
};
